<template>
	<view class="own-account-settings">
		<view class="own-account-settings-top uni-input-group uni-common-mt">
			<view class="uni-input-row ">
				<label>头像</label>
				<view class="uni-list-cell-navigate uni-navigate-right"></view>
			</view>
			<view class="uni-input-row ">
				<view class="input-left">
					<view class="input-left-l">昵称</view>
					<label class="input-left-r">老熊</label>
				</view>
				<view class="uni-list-cell-navigate uni-navigate-right"></view>
			</view>
			<view class="uni-input-row ">
				<view class="input-left">
					<view class="input-left-l">手机号</view>
					<label class="input-left-r">13800138000</label>
					<label class="change-phone">更换手机号</label>
				</view>
				<view class="uni-list-cell-navigate uni-navigate-right"></view>
			</view>
			<view class="uni-input-row ">
				<label>修改密码</label>
				<view class="uni-list-cell-navigate uni-navigate-right"></view>
			</view>
			<view class="uni-input-row ">
				<view class="input-left">
					<view class="input-left-l">实名认证</view>
					<label class="input-left-r">(未实名)</label>
				</view>
				<view class="uni-list-cell-navigate uni-navigate-right"></view>
			</view>
			<view class="uni-input-row ">
				<view class="input-left">
					<view class="input-left-l">版本号</view>
					<label class="input-left-r">1.0.14</label>
				</view>
				<view class="uni-list-cell-navigate uni-navigate-right"></view>
			</view>
		</view>

		<view class="exit-btn">
			退出登录
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.own-account-settings {
		width: 100%;
		box-sizing: border-box;
		background-color: rgba(242, 242, 242, 1);

		.own-account-settings-top {
			color: #797979;
		}

		.input-left{
			display: flex;
			flex-direction: row;
			justify-items: flex-start;
			align-items: center;
			// border: 1px solid red;
			width: 100%;
		}
		.input-left-r{
			margin-left: 10px;
			// flex:3;
		}
		.input-left-l{
			width: 20%;
			// flex:3;
		}

		.exit-btn {
			background-color: rgba(201, 201, 201, 1);
			width: 100%;
			height: 55px;
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			align-items: center;
		}
		
		.change-phone{
			width: 50%;
			text-align: right;
		}
	}
</style>
